Vue+Ant design vue安装及配置使用

您所在的位置:网站首页 vue design ant Vue+Ant design vue安装及配置使用

Vue+Ant design vue安装及配置使用

2023-06-23 09:18| 来源: 网络整理| 查看: 265

Vue+Ant design vue安装及配置使用

Ant design vue官网:https://www.antdv.com/docs/vue/introduce-cn/

基于 Ant Design of Vue 实现的Vue项目 :https://gitee.com/sendya/ant-design-pro-vue

推荐一个图标库阿里iconfont : https://www.iconfont.cn/

阿里iconfont基本使用:https://blog.csdn.net/xj932956499/article/details/103251355

\(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\)

一、认识Ant design vue

ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库,它其实是Ant Design的Vue实现,组件的风格与Ant Design保持同步,组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整的VUE组件库与开发方案集成项目。

二、安装及基本配置

首先需要有一个vue项目安装vue项目可以参考:https://www.cnblogs.com/tjw-bk/p/13747853.html

\(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\)

使用 npm 或 yarn 安装 $ npm install ant-design-vue --save $ yarn add ant-design-vue

如果你的网络环境不佳,推荐使用 cnpm。

\(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\)

在main.js中全局配置 //全局配置ant-design-vue //安装下载npm install ant-design-vue --save import Antd from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; import 'element-ui/lib/theme-chalk/index.css' import {Button} from 'ant-design-vue'; Vue.use(Antd); Vue.use(Button);


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3